<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>发条帖子~</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="asset/css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="asset/css/app.css"/>
</head>
<style>
    .release{  font-size: 0.13rem;  margin: 0;  line-height: 0.3rem;  color: #FFA531 !important;  margin-right: 0.05rem;  }
    a,input{outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
    #choose{display: none;}
    canvas{width: 100%;border: 1px solid #000000;}
    #upload{display: block;  margin: 10px;  text-align: center;  line-height: 60px;  border-radius: 5px;  cursor: pointer;  background: url("asset/image/upload_btn.png") no-repeat;    background-size: 0.7rem;  height: 0.78rem;  width: 0.77rem;}
    .touch{background-color: #ddd;}
    .img-list{margin: 10px 5px;}
    .img-list li{position: relative;display: inline-block;width: 0.7rem;height: 0.75rem;margin: 5px 5px 20px 5px;border: 1px solid rgb(100,149,198);background: #fff no-repeat center;background-size: cover;}
    .progress{position: absolute;width: 100%;height: 20px;line-height: 20px;bottom: 0;left: 0;background-color:rgba(100,149,198,.5);}
    .progress span{display: block;width: 0;height: 100%;background-color:rgb(100,149,198);text-align: center;color: #FFF;font-size: 13px;}
    .size{position: absolute;width: 100%;height: 15px;line-height: 15px;bottom: -18px;text-align: center;font-size: 13px;color: #666;}
    .tips{display: block;text-align:center;font-size: 13px;margin: 10px;color: #999;}
    .pic-list{margin: 10px;line-height: 18px;font-size: 13px;}
    .pic-list a{display: block;margin: 10px 0;}
    .pic-list a img{vertical-align: middle;max-width: 30px;max-height: 30px;margin: -4px 0 0 10px;}
    .content{  background: #FFFFFF;  }
    #textarea{  height: 2rem;  padding: 24px 17px;  }
</style>
<body>
 <!--顶部导航-->
<header class="mui-bar mui-bar-nav header">
    <a class="mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left" style="margin-left: 0.05rem;" href="main.html">取消</a>
    <h1 class="mui-title">发条帖子~</h1>
    <a class="mui-btn mui-btn-link mui-pull-right release" href="http://a.app.qq.com/o/simple.jsp?pkgname=com.qinlin.lebang">发布</a>
</header>
<div class="title" style="margin-top: 0.4rem"></div>
<div class="content">
        <textarea id="textarea" rows="5" placeholder="分享新鲜事~" style="background: #fff;"></textarea>
        <input type="file" id="choose" accept="image/*" multiple>
        <ul class="img-list"></ul>
        <a id="upload"></a>
</div>

</body>
<script type="text/javascript" src="asset/js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="asset/js/rem.js"></script>
<script src="asset/js/mui.min.js"></script>
<script src="asset/js/common.js"></script>
<script src="asset/js/upload.js"></script>

</html>